{% include 'QLGL/QLGL_index.html' %}

<div class="am-cf admin-main">
  {% include 'sidebar.html' %}
  <!-- content start -->
  <div class="admin-content">
    <div class="admin-content-body">
      <div class="am-cf am-padding">
        <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">巡检业务</strong></div>
      </div>
      <div class="am-g" style="position: absolute;height: 100%;right: 0px;left: 260px;width: auto;overflow-y: scroll;">

        {% include 'QLGL/XJYW/QLGL_XJYW_SIDEBAR.html' %}
        
        <div class="am-u-sm-10" style="position: absolute;width:auto;right:0;left: 200px;overflow-y: scroll;bottom: 100px;top: 0px;">


          <table id="grid" class="am-table am-table-striped am-table-hover table-main am-table-compact am-text-nowrap" width="100%">
              <thead>
              <tr>
                <th class="table-title ">任务编号</th>
                <th class="table-date">作业完成时间</th>
                <th class="table-type">作业人</th>
                <th class="table-type">病害内容</th>
                <th class="table-type">病害详情</th>
                <th class="table-type">桩号</th>
                <th class="table-type">作业备注</th>
                <th class="table-set">多媒体信息</th>
              </tr>
              </thead>
              <tbody>

              </tbody>
            </table>

        </div>
      </div>
    </div>
  </div>
</div>
{% include 'footer.html' %}
<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="/static/assets/js/jquery.min.js"></script>
<!--<![endif]-->
<script src="/static/assets/js/amazeui.min.js"></script>
<script src="/static/assets/js/amazeui.tree.js"></script>
<script type="text/javascript" src="/static/assets/js/layer.js"></script>
<script src="/static/assets/datatables/amazeui.datatables.min.js"></script>
<script src="/static/assets/dialog/amazeui.dialog.min.js"></script>
<link rel="stylesheet" type="text/css" href="/static/assets/css/amazeui.tree.css" />
<script src="/static/assets/js/app.js"></script>
<style type="text/css">
  .li_a {
    color: #5c5c5c;
  }
</style>
<script type="text/javascript">
  $("#collapse-nav1").addClass("am-in");
  $("#qlgl").removeClass("am-collapsed");
  $("#qlglOxjyw").css("color", "#3399CC");
  $("#qlgl").css("color", "#3399CC");
  $("#xjywOwhjl").removeClass("li_a");
var t = $('#grid').DataTable({
  //配置DataTables默认参数



    bInfo: true,//页脚信息
    responsive: true,
    searching: true,
    lengthChange: false,
    paging: true,
    bStateSave: true, //保存页面状态
    aLengthMenu: [[10], [10]],
    ajax: {

      url: "/QLXJ_XJYW_WHJL_DATA/"
    },


    
    //每页显示五条数据
    //pageLength: 'all',
    columns: [
    
      {
        "data": "bhkcode"
      },
      {
        "data": "bhktime"
      },

      {
        "data": "bhkname"
      },
      {
        "data": "bhkparam"
      },
      {
        "data": "bhkdises"
      },
      {
        "data": "bhkpile"
      }
      ,
      {
        "data": "bhkremak"
      }
      ,
      {
        "data": null
      }
    ],
    
    
    "columnDefs": [
      // "visible": false,
      //"targets": 0



      {
        type: 'chinese-string',
        targets: '_all'
      } //中文排序
      ,

      
      
      {
        "render": function(data, type, row, meta) {
          return '<a onclick="see_img(\''+row.picURL+'\')">媒体信息</a>'
                  
        },
        //指定是第二列
        "targets": 7
      }
    ],
    

  });
  //媒体信息
  function see_img(picURL){
    var json ={
      "title": "", //相册标题
      "id": "", //相册id
      "start": 0, //初始显示的图片序号，默认0
      "data": [{"pid": "","thumb": "","alt":"","src":picURL}]
    };
    layer.photos({
      photos: json, //格式见API文档手册页
      anim: 5 ,//0-6的选择，指定弹出图片动画类型，默认随机
      area: ['800px', 'auto']
    });
  }


</script>
 
</body>

</html>